@font-face { font-family: carbon; src: url('fonts/carbon.ttf'); } 
@font-face { font-family: zimmerman; src: url('fonts/zimmerman.ttf'); } 
@font-face { font-family: assign; src: url('fonts/assign.ttf'); } 
@font-face { font-family: grunge; src: url('fonts/grunge.ttf'); } 
@font-face { font-family: aescrawl; src: url('fonts/aescrawl.ttf'); } 
@font-face { font-family: abscissa; src: url('fonts/abscissa.ttf'); } 
@font-face { font-family: appetite; src: url('fonts/appetite.ttf'); } 
@font-face { font-family: buttons; src: url('fonts/buttons.ttf'); } 
@font-face { font-family: girls; src: url('fonts/girls.ttf'); } 
@font-face { font-family: dad; src: url('fonts/dad.ttf'); } 
@font-face { font-family: international; src: url('fonts/international.ttf'); } 



.frame1 {
	width: 500px;
	height: 575px;
}

.frame1 .title {
	background-image: url('images/polaroid.png');
	height: 105px;
	padding-top: 470px; 
	width: 500px;
	text-align: center;
	font-size: 55px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
}
.frame1 .image {
	width: 480px;
	height: 475px;
	background-color: black;
	position: relative;
	top: 5px;
	left: 5px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 500px;
	text-align: center;
	overflow: hidden;
}
.frame1 img {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}

.frame0 .title {
	background-image: url('images/polaroid2.png');
	height: 75px;
	padding-top: 378px; 
	width: 382px;
	text-align: center;
	font-size: 35px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
}
.frame0 .image {
	width: 337px;
	height: 344px;
	background-color: black;
	position: relative;
	top: 25px;
	left: 23px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 500px;
	text-align: center;
	overflow: hidden;
}
.frame0 img {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}
.frame2 .title {
	background-image: url('images/polaroid3.png');
	height: 105px;
	padding-top: 496px; 
	width: 500px;
	text-align: center;
	font-size: 45px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
}
.frame2 .image {
	width: 464px;
	height: 450px;
	background-color: black;
	position: relative;
	top: 37px;
	left: 19px;
	text-align: center;
	overflow: hidden;
}
.frame2 img {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}


.frame3 .title {
	background-image: url('images/polaroid5.png');
	background-repeat: no-repeat;
	height: 83px;
	padding-top: 313px; 
	width: 368px;
	text-align: center;
	font-size: 35px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
}
.frame3 .image {
	width: 338px;
	height: 273px;
	background-color: black;
	position: relative;
	top: 26px;
	left: 16px;
	text-align: center;
	overflow: hidden;
}
.frame3 img {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}
* {
line-height:200%;
image-rendering: optimizeSpeed ;
}
.h{
	width: 130%;
}
.v {
	height: 120%;
}
.poly {
	position: absolute;
	-webkit-transition: all 1.5s ease-in;
	}
#loader {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -9px;
	margin-left: -110px;
}
.fadeloader {
	opacity: 0;
	-transition-property: opacity;
	-webkit-transition-duration: .4s;
 	-webkit-transform: scale(0.8);
}